<p style="margin-bottom: 0px">&nbsp;</p>

<nz-spin [nzSpinning]="loading">

<nz-card>
  <form nz-form [nzLayout]="'inline'" class="search__form">
    <nz-row [nzGutter]="8">

      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入车型" [(ngModel)]="q.carType" name="carType">
          </nz-form-control>
        </nz-form-item>
      </nz-col>

      <!--<nz-col nzMd="4" nzSm="24">-->
        <!--<nz-form-item>-->
          <!--<nz-form-control>-->
            <!--<input type="text" nz-input placeholder="输入年份" [(ngModel)]="q.carYear" name="carYear">-->
          <!--</nz-form-control>-->
        <!--</nz-form-item>-->
      <!--</nz-col>-->

      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入车辆编码" [(ngModel)]="q.carNo" name="carNo">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入车辆名称" [(ngModel)]="q.carName" name="carName">
          </nz-form-control>
        </nz-form-item>
      </nz-col>

      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入Vin" [(ngModel)]="q.carVin" name="carVin">
          </nz-form-control>
        </nz-form-item>
      </nz-col>

      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入原始车牌" [(ngModel)]="q.carLsnumo" name="carLsnumo">
          </nz-form-control>
        </nz-form-item>
      </nz-col>

      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入原车主" [(ngModel)]="q.carChezhu1" name="carChezhu1">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入新车主" [(ngModel)]="q.carChezhu2" name="carChezhu2">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
        <nz-col nzMd="3" nzSm="24">
            <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="st.load(1, q)">{{'search' | translate}}</button>
        </nz-col>
    </nz-row>
  </form>
</nz-card>

<simple-table #st
    [columns]="columns"
    [data]="url"
    [ps]="ps"
    [extraParams]="q"
    [resReName]="{ total: 'total', list: 'data'}"
    [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
    toTopInChange
    [showTotal]="true"
    [showPagination]="true"
    [showSizeChanger]="true"
              [scroll]="{  x: '1300px' }"
    (checkboxChange)="checkboxChange($event)"
    >
</simple-table>

</nz-spin>
